<script setup>
import dituimg from '@/assets/img/13937C22186E6C3E9EAEE7AFC69A4C98.png'
import shiliang from '@/assets/img/shiliang.png'
import yingxiang from '@/assets/img/yingxiang.png'
import qiehuan23 from '@/assets/img/qiehuan23.png'
import BaseBgCard from '@/components/card/BaseBgCard.vue'
</script>

<template>
  <div class="h-full w-full">
    <img :src="dituimg" class="h-full w-full" />
    <div class="absolute top-30 left-37">
      <div class="w-162 h-23 m-b-20 cursor-pointer">
        <base-bg-card :img="qiehuan23">
          <div class="text-white text-18 w-full flex justify-center">二维地图</div>
        </base-bg-card>
      </div>
      <div class="w-145 h-40 m-b-10 cursor-pointer">
        <base-bg-card :img="shiliang">
          <div class="text-white text-18 w-full h-full flex items-center m-l-60">矢量图</div>
        </base-bg-card>
      </div>
      <div class="w-145 h-40 cursor-pointer">
        <base-bg-card :img="yingxiang">
          <div class="text-white text-18 w-full h-full flex items-center m-l-60">影像图</div>
        </base-bg-card>
      </div>
    </div>
  </div>
</template>

<style scoped></style>
